 /* 网页主体样式声明 */
 /* 1 主体轮播图 */
 .main {

     width: 980px;
     height: 455px;
     margin-left: 220px;
     margin-top: 10px;
 }

 .main .focus {
     overflow: hidden;
     position: relative;
     float: left;
     width: 720px;
     height: 455px;
     /* background-color: skyblue; */
     text-align: center;
 }


 .focus ul li {
     float: left;

 }

 .focus ul {
     position: absolute;
     top: 0;
     left: 0;
     width: 800%;
 }

 .focus ul img {
     width: 720px;
     height: 456px;

 }

 .arrow-l,
 .arrow-r {
     display: none;
     position: absolute;
     top: 50%;
     content: "\e920";
     font-family: icomoon;
     width: 20px;
     height: 20px;
     line-height: 15px;
     border-radius: 10px;
     background-color: rgba(0, 0, 0, .3);
     font-size: 18px;
     text-align: center;
     color: #fff;
     z-index: 333;
 }

 .arrow-l {
     left: 5px;
 }

 .arrow-r {
     right: 5px;
 }


 /* .main .focus a::before {
     display: none;
     position: absolute;
     top: 50%;
     left: 5px;
     content: "\e920";
     font-family: icomoon;
     width: 20px;
     height: 20px;
     line-height: 20px;
     border-radius: 10px;
     background-color: rgba(0, 0, 0, .3);
     font-size: 18px;
 } */

 /* .main .focus a::after {
     display: none;
     position: absolute;
     top: 50%;
     right: 5px;
     content: "\e91f";
     font-family: icomoon;
     width: 20px;
     height: 20px;
     line-height: 20px;
     border-radius: 10px;
     background-color: rgba(0, 0, 0, .3);
     font-size: 18px;
 } */

 .main .focus .circle {
     position: absolute;
     bottom: 10px;
     left: 50%;
     margin-left: -35px;
     /* width: 70px; */
     height: 15px;
     background-color: rgba(0, 0, 0, .3);
     border-radius: 10px;

 }

 .main .focus .circle .current {
     background-color: #ff5000;
 }

 .main .focus .circle li {
     float: left;
     width: 8px;
     height: 8px;
     background-color: #fff;
     margin: 3px;
     border-radius: 4px;
 }

 /* 主体新闻推荐 */
 .main .newsflash {
     float: right;
     width: 250px;
     height: 455px;

 }

 .news {
     height: 166px;
     border: 1px solid #e4e4e4;


 }

 .news .news-hd {
     width: 248px;
     height: 32px;
     line-height: 32px;

     border-bottom: 1px dotted #e4e4e4;
     padding: 0 15px;
 }

 .news-hd h4 {
     float: left;
     font-size: 14px;
     font-weight: 700;
 }

 .news-hd .more {
     float: right;
 }

 .news-hd a::after {
     font-family: icomoon;
     content: "\e920";
 }

 /* /////////////// */
 .news-bd {
     width: 248px;
     height: 134px;
     padding: 5px 10px 0 15px;
 }

 .news-bd ul li a {
     line-height: 25px;
 }

 .news-bd ul li {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 /* //////////////////// */

 .lifeservice {
     /* 增加ul的宽会溢出 所以隐藏溢出 */
     overflow: hidden;
     height: 210px;
     border: 1px solid #e4e4e4;
     border-top: 0;
     text-align: center;
 }

 .lifeservice ul {
     /* li会因为边框的原因超出掉下来， 增加ul的宽即可 */
     width: 256px;
 }

 .lifeservice ul li {
     float: left;
     width: 64px;
     height: 72px;
     border-right: 1px solid #e4e4e4;
     border-bottom: 1px solid #e4e4e4;
     padding-top: 10px;
 }

 .lifeservice ul li i {
     /* 把背景图标转成行内块 这样里面文字和背景图标就可以呈上下结构，在整体给center就可以实现垂直居中排列 */
     display: inline-block;
     width: 23px;
     height: 28px;
     background: url(../images/images/icons.png) -17px -14px no-repeat;
 }

 .bargain {
     margin-top: 5px;
 }

 /* 1 主体end */
 /* 2 推荐模块开始 */
 .recom {
     height: 161px;
     line-height: 161px;
     background-color: #ebebeb;
     margin-top: 12px;
     text-align: center;
 }

 .recom-hd {
     float: left;
     width: 208px;
     height: 100%;
     background-color: #5c5251;
 }

 .recom-bd {
     float: left;
     width: 992px;
     height: 100%;
 }

 .recom-bd ul {
     position: relative;
 }

 .recom-bd ul li {
     float: left;
 }

 .recom-bd ul li:nth-child(-n+3):after {
     position: absolute;
     top: 10px;
     content: "";
     width: 1px;
     height: 145px;
     background-color: #ddd;

 }

 /* 图片模块宽高一定要写死，以防新上传图片破坏布局 */
 .recom-bd ul li img {
     width: 248px;
     height: 163px;
 }

 /* 2 推荐模块end */
 /* 3 floor楼层区开始 */
 /* 一楼家电 */
 .box-hd {
     height: 30px;
     border-bottom: 2px solid #c81623;
 }

 .box-hd h2 {
     float: left;
     font-weight: 400;
     color: #c81623;
 }

 .tab-list {
     float: right;
     line-height: 30px;
 }

 .tab-list ul li {
     float: left;

 }

 .tab-list ul li a {

     margin: 0 15px;
 }

 .floor .w {
     margin-top: 30px;
 }

 .box_bd {
     height: 361px;

 }

 .tab_list_item>div {
     float: left;
     height: 361px;
 }

 .col_219 {
     width: 210px;
 }

 .col_210 {
     width: 210px;
     background-color: #f9f9f9;
     text-align: center;
 }

 .col_210 ul li {
     float: left;
     width: 85px;
     height: 35px;
     line-height: 34px;
     padding: 0 12px;
     margin: 0 10px;
 }

 .col_329 {
     width: 329px;
 }

 .col_220 {
     width: 220px;
     border-left: 1px solid #ccc;
 }

 .col_219 {
     width: 219px;
 }

 .dd {
     /* 一般情况下a如果包含有宽度的盒子需要转换块级元素 安全 */
     display: block;
     border-bottom: 1px solid #ccc;
 }

 /* 家电end */
 /* 3 floor楼层区end */